<div class="navbar">
    <!-- Open side - Naviation on mobile -->
    <a data-toggle="modal" data-target="#aside" class="navbar-item pull-left hidden-lg-up">
      <!-- <i class="material-icons">&#xe5d2;</i> -->
    </a>
    <!-- / -->

    <!-- Page title - Bind to $state's title -->
    <div class="navbar-item pull-left h5" bread-crumbs="$state.current" bread-param="$state.params" id="pageTitle"></div>

    <!-- navbar right -->
    <ul class="nav navbar-nav pull-right">


        <li class="nav-item dropdown">
            <a href class="nav-link" data-toggle="dropdown">
                <i class="material-icons">&#xe5c3;</i>
            </a>
            <div ui-include="'../views/blocks/dropdown.grid.html'"></div>
        </li>

       <!-- <li class="nav-item dropdown">
            <a href class="nav-link" data-toggle="dropdown">
                <i class="material-icons">&#xe7f5;</i>
            </a>
            <div ui-include="'../views/mxu/common/dropdown.notification.html'"></div>
       </li>-->


        <li class="nav-item dropdown">
            <a class="nav-link" href >
              <span class="avatar w-32">
                <img ng-src="{{vm.userInfo.img}}" ng-if="vm.userInfo.img">
                  <img src="../assets/images/mxu/avatar-32.jpg" ng-if="!vm.userInfo.img">
              </span>
              <span class="hidden-md-down nav-text m-l-sm text-left" data-toggle="dropdown" my-loading="vm.signOut_loading">
                <span class="_500" style="margin-bottom: 4px; margin-top:-4px;">{{vm.userInfo.username}}</span>
                <small class="text-muted">{{vm.userInfo.roles[0].display_name}}</small>
              </span>
              <div ui-include="'../views/mxu/common/dropdown.user.html'"></div>
            </a>
        </li>


      <!--<li class="nav-item dropdown">-->
        <!--<a class="nav-link clear" href data-toggle="dropdown">-->
          <!--<span class="avatar w-32">-->
            <!--<img ng-src="{{vm.userInfo.img}}">-->
          <!--</span>-->
        <!--</a>-->
        <!--<div ui-include="'../views/mxu/common/dropdown.user.html'"></div>-->
      <!--</li>-->
    </ul>
    <!-- / navbar right -->

    <!-- navbar collapse -->
    <!-- <div class="collapse navbar-toggleable-sm" id="collapse">
      <div ui-include="'../views/mxu/common/navbar.form.right.html'"></div>
    </div> -->
    <!-- / navbar collapse -->
    <!-- <div class="dropdown inline pull-right header-drop">
      <button class="btn white dropdown-toggle" data-toggle="dropdown">用户 </button>
      <div class="dropdown-menu">
        <a class="dropdown-item" href>用户</a>
        <a class="dropdown-item" href>内容</a>
      </div>
    </div> -->
</div>
